<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8" />
    <title>26_字体图标</title>
    <style>
        @font-face {
            font-family: 'iconfont';
            src: url('./source/fonts-pic/iconfont.woff2?t=1689410950699') format('woff2'),
                url('./source/fonts-pic/iconfont.woff?t=1689410950699') format('woff'),
                url('./source/fonts-pic/iconfont.ttf?t=1689410950699') format('truetype');
        }

        .iconfont {
            font-family: "iconfont" !important;
            font-size: 16px;
            font-style: normal;
            color: red;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
    </style>
</head>

<body>
    <span class="iconfont">&#x10121;</span>
</body>

</html>